<!--
 * @Author: Lin Ming
 * @Date: 2021-02-23 23:37:34
 * @LastEditors: Lin Ming
 * @LastEditTime: 2021-02-23 23:46:06
 * @FilePath: \vue-zheye\src\components\DropdownItem.vue
-->
<template>
  <div class="lm-drop-down-item">
    <li class="dropdown-option" :class="{'is-disabled': disabled}">
      <slot />
    </li>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'DropdownItem',
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  }
})
</script>

<style>
  .lm-drop-down-item > .is-disabled * {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
  }
</style>
